<app-landing-page-header [title]="'Product Involvement'" [subTitle]="'Our Product Involvement research helps you to identify companies involved in a range of products, services and business activities for screening purposes'"></app-landing-page-header>

<div class="container mt-5">
  <h4>Features</h4>
  <div class="row mt-3">
    <div class="col-md-6">
      <h5>Company Reports</h5>
      <div class="d-flex flex-row mt-3">
        <img src="/assets/icons-svg/icon-reports.svg" class="research-icon flex-column" />
        <span class="flex-column pl-3">Our product involvements reports identifies the nature and extent of a company's involvement in a range of product and business activies.</span>
      </div>
    </div>
    <div class="col-md-6">
      <h5>Insights (Incidents Driven)</h5>
      <div class="d-flex flex-row mt-3">
        <img src="/assets/icons-svg/icon-insights.svg" class="research-icon flex-column" />
        <span class="flex-column pl-3">Each activity is accompanied with a concise summary of the way the company is involved in the relevant product or activity.</span>
      </div>
    </div>
  </div>

  <app-landing-page-filter *ngIf="productPermissions?.productinvolvement" [settings]="settings" (apply)="applyFilter($event)"></app-landing-page-filter>
  
  <div *ngIf="productPermissions?.productinvolvement" class="mt-5">
    <sustainalytics-table class="col-md-8" #table [columns]="columns" [source]="source" [filter]="filter" [elementCount]="elementCount" [paginationPositionDisplay]="paginationPosition"
      [displayTitle]="false" (changed)="tableOptionsChanged($event)">
    </sustainalytics-table>
  </div>
</div>